@layout("/common/_container.html",{js:["/assets/storage/storageOutDetailed/queryDetailed.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Picking List Details</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
	                    <div class="layui-inline">
	                        <input id="condition" class="layui-input" type="text" placeholder="Product ID, Name, Item Number"/>
	                    </div>
	                    <div class="layui-inline">
	                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
	                    </div>
	                </div>
	            </div>
                    <table class="layui-table" id="storageOutDetailedTable" lay-filter="storageOutDetailedTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="${storageOutDetailedParam.storageOutNumber}" id="storageOutNumber">

<script type="text/html" id="storageOutStatusTpl">
  {{#  if(d.storageOutStatus === 'PENDING_PICKING'){ }}
    <span style="color: #FFC300;font-weight: 600;">{{ d.storageOutStatus }}</span>
  {{#  }else if(d.storageOutStatus === 'NORMAL'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.storageOutStatus }}</span>
  {{#  }else if(d.storageOutStatus === 'PICKED'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.storageOutStatus }}</span>
  {{#  }else if(d.storageOutStatus === 'MISPICK'){ }}
    <span style="color: #FF4500;font-weight: 600;">{{ d.storageOutStatus }}</span>
  {{#  } else { }}
    {{ d.storageOutStatus }}
  {{#  } }}
</script>

@}